<!DOCTYPE html>
<html lang="zh-cn">

<head><title>
    学习 Markdown | 
    
    ZZY2357 的博客</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="description" content="学习 Markdown 本篇将会介绍 Markdown 的基础知识。
文件名 Markdown 文件的拓展名，最常用的是 .md。
链接 格式 [描述](链接) 例子 [ZZY2357 的个人主页](http://zzy2357.gitee.io) ZZY2357 的个人主页
粗体 格式 **文字** 例子 这是一个很**严峻**的问题。 这是一个很严峻的问题。
斜体 格式 *文字* 例子 我也是*醉了*。 我也是醉了。
无序列表 格式 - item - item - item - item ... 例子 我有： - 苹果 - 香蕉 - 桃子 我有：
 苹果 香蕉 桃子  有序列表 语法 1. item 2. item 1. item 2. item 3. item 例子 1. 首先，执行 `git clone git@gitee.
    ">


<meta property="og:title" content="学习 Markdown" />
<meta property="og:description" content="学习 Markdown 本篇将会介绍 Markdown 的基础知识。
文件名 Markdown 文件的拓展名，最常用的是 .md。
链接 格式 [描述](链接) 例子 [ZZY2357 的个人主页](http://zzy2357.gitee.io) ZZY2357 的个人主页
粗体 格式 **文字** 例子 这是一个很**严峻**的问题。 这是一个很严峻的问题。
斜体 格式 *文字* 例子 我也是*醉了*。 我也是醉了。
无序列表 格式 - item - item - item - item ... 例子 我有： - 苹果 - 香蕉 - 桃子 我有：
 苹果 香蕉 桃子  有序列表 语法 1. item 2. item 1. item 2. item 3. item 例子 1. 首先，执行 `git clone git@gitee." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://zzy2357.gitee.io/posts/learn-markdown/" />
<meta property="article:published_time" content="2020-06-03T22:17:15+08:00" />
<meta property="article:modified_time" content="2020-06-03T22:17:15+08:00" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="学习 Markdown"/>
<meta name="twitter:description" content="学习 Markdown 本篇将会介绍 Markdown 的基础知识。
文件名 Markdown 文件的拓展名，最常用的是 .md。
链接 格式 [描述](链接) 例子 [ZZY2357 的个人主页](http://zzy2357.gitee.io) ZZY2357 的个人主页
粗体 格式 **文字** 例子 这是一个很**严峻**的问题。 这是一个很严峻的问题。
斜体 格式 *文字* 例子 我也是*醉了*。 我也是醉了。
无序列表 格式 - item - item - item - item ... 例子 我有： - 苹果 - 香蕉 - 桃子 我有：
 苹果 香蕉 桃子  有序列表 语法 1. item 2. item 1. item 2. item 3. item 例子 1. 首先，执行 `git clone git@gitee."/>

<meta itemprop="name" content="学习 Markdown">
<meta itemprop="description" content="学习 Markdown 本篇将会介绍 Markdown 的基础知识。
文件名 Markdown 文件的拓展名，最常用的是 .md。
链接 格式 [描述](链接) 例子 [ZZY2357 的个人主页](http://zzy2357.gitee.io) ZZY2357 的个人主页
粗体 格式 **文字** 例子 这是一个很**严峻**的问题。 这是一个很严峻的问题。
斜体 格式 *文字* 例子 我也是*醉了*。 我也是醉了。
无序列表 格式 - item - item - item - item ... 例子 我有： - 苹果 - 香蕉 - 桃子 我有：
 苹果 香蕉 桃子  有序列表 语法 1. item 2. item 1. item 2. item 3. item 例子 1. 首先，执行 `git clone git@gitee.">
<meta itemprop="datePublished" content="2020-06-03T22:17:15&#43;08:00" />
<meta itemprop="dateModified" content="2020-06-03T22:17:15&#43;08:00" />
<meta itemprop="wordCount" content="155">



<meta itemprop="keywords" content="markdown," />
<link rel="canonical" href="https://zzy2357.gitee.io/posts/learn-markdown/" />

<link rel="icon" type="image/png" href="https://zzy2357.gitee.io/image/favicon.ico">

<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bulma.min.css">





<script src=/js/ramium.js></script>
<link rel="stylesheet" href=/css/ramium.css>





</head>

<body><nav class="navbar is-dark" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href=/>
      
      <strong>ZZY2357 的博客 </strong>
      
    </a>

    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
      data-target="navbarBasicExample">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>

  <div id="navbarBasicExample" class="navbar-menu">
    <div class="navbar-start">
      
      
      <a class="navbar-item" href="/">主页</a>
      
      
      
      <div class="navbar-item has-dropdown is-hoverable">
        <a class="navbar-link">博客</a>
        <div class="navbar-dropdown">
          
          <a class="navbar-item" href="/tags/">所有标签</a>
          
          <a class="navbar-item" href="/posts/">所有文章</a>
          
        </div>
      </div>
      
      
      
      <a class="navbar-item" href="/about/">关于</a>
      
      
      
      <a class="navbar-item" href="/index.xml">RSS</a>
      
      
    </div>

    <div class="navbar-end">
      
      <a class="navbar-item navgithub" href="https://github.com/zzy2357" target="_blank">
        <i class="fa fa-github fa-2x"></i>
      </a>
      

      
    </div>
  </div>
</nav><div class="columns is-centered">
        <div id="page-body" class="column is-7">

<div class="content blog">
    <h1>学习 Markdown</h1>

    <div id="infobar" class="level is-mobile">
        <div class="level-left">
            
            <div class="level-item">
                <p class="subtitle info date">Jun 3, 2020
                </p>
            </div>
            

            <div class="level-item">
                <p class="subtitle info">
                    3 mins read
                </p>
            </div>
        </div>
        <div class="level-right is-hidden-touch">
            <div class="tags">
                
                <a class="tag is-dark is-rounded" href="/tags/markdown">Markdown</a>
                
            </div>
        </div>
    </div>

    <div class="tags is-hidden-desktop">
        
        <a class="tag is-dark is-rounded" href="/tags/markdown">Markdown</a>
        
    </div>

    <div class="blog-text">
        

        <h1 id="学习-markdown">学习 Markdown</h1>
<p>本篇将会介绍 Markdown 的基础知识。</p>
<h2 id="文件名">文件名</h2>
<p>Markdown 文件的拓展名，最常用的是 <code>.md</code>。</p>
<h2 id="链接">链接</h2>
<h3 id="格式">格式</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">[<span style="color:#f92672">描述</span>](<span style="color:#a6e22e">链接</span>)
</code></pre></div><h3 id="例子">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">[<span style="color:#f92672">ZZY2357 的个人主页</span>](<span style="color:#a6e22e">http://zzy2357.gitee.io</span>)
</code></pre></div><p><a href="http://zzy2357.gitee.io">ZZY2357 的个人主页</a></p>
<h2 id="粗体">粗体</h2>
<h3 id="格式-1">格式</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">**文字**
</code></pre></div><h3 id="例子-1">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">这是一个很**严峻**的问题。
</code></pre></div><p>这是一个很<strong>严峻</strong>的问题。</p>
<h2 id="斜体">斜体</h2>
<h3 id="格式-2">格式</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">*文字*
</code></pre></div><h3 id="例子-2">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">我也是*醉了*。
</code></pre></div><p>我也是<em>醉了</em>。</p>
<h2 id="无序列表">无序列表</h2>
<h3 id="格式-3">格式</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md"><span style="color:#66d9ef">-</span> item
<span style="color:#66d9ef">-</span> item 
    <span style="color:#66d9ef">-</span> item
    <span style="color:#66d9ef">-</span> item
...
</code></pre></div><h3 id="例子-3">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">我有：

<span style="color:#66d9ef">-</span> 苹果
<span style="color:#66d9ef">-</span> 香蕉
<span style="color:#66d9ef">-</span> 桃子
</code></pre></div><p>我有：</p>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>桃子</li>
</ul>
<h2 id="有序列表">有序列表</h2>
<h3 id="语法">语法</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md"><span style="color:#66d9ef">1.</span> item
<span style="color:#66d9ef">2.</span> item
    <span style="color:#66d9ef">1.</span> item
    <span style="color:#66d9ef">2.</span> item
<span style="color:#66d9ef">3.</span> item
</code></pre></div><h3 id="例子-4">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md"><span style="color:#66d9ef">1.</span> 首先，执行 <span style="color:#e6db74">`git clone git@gitee.com:ZZY2357/zzy2357.git`</span>。
<span style="color:#66d9ef">2.</span> 然后，进入目录，执行 <span style="color:#e6db74">`npm install`</span>。
<span style="color:#66d9ef">3.</span> 接着，执行 <span style="color:#e6db74">`npm run dev`</span>。
</code></pre></div><ol>
<li>首先，执行 <code>git clone git@gitee.com:ZZY2357/zzy2357.git</code>。</li>
<li>然后，进入目录，执行 <code>npm install</code>。</li>
<li>接着，执行 <code>npm run dev</code>。</li>
</ol>
<h2 id="图片">图片</h2>
<h3 id="语法-1">语法</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">![<span style="color:#f92672">描述</span>](<span style="color:#a6e22e">链接</span>)
</code></pre></div><h3 id="例子-5">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">![<span style="color:#f92672">img</span>](<span style="color:#a6e22e">https://ae01.alicdn.com/kf/Hd49ffdf0c4e14236af30087f057501fdG.jpg</span>)
</code></pre></div><p><img src="https://ae01.alicdn.com/kf/Hd49ffdf0c4e14236af30087f057501fdG.jpg" alt="img"></p>
<h2 id="代码">代码</h2>
<h3 id="语法-2">语法</h3>
<ul>
<li>长代码：使用三个“`”加上语言，最后再加上三个“`”；</li>
<li>短代码：使用两个“`”，里面写代码；</li>
</ul>
<h2 id="表格">表格</h2>
<h3 id="语法-3">语法</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">| Header 1 | Header 2 | Header 2 |
| :------- | :------: | -------: |
| Left     |  Center  |    Right |
</code></pre></div><h3 id="例子-6">例子</h3>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-md" data-lang="md">| 名称           |  价格 | 库存 |
| :------------- | ----: | ---: |
| 老八秘制小汉堡 | ￥ 15 |   50 |
</code></pre></div><table>
<thead>
<tr>
<th align="left">名称</th>
<th align="right">价格</th>
<th align="right">库存</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">老八秘制小汉堡</td>
<td align="right">￥ 15</td>
<td align="right">50</td>
</tr>
</tbody>
</table>

    </div>
</div><div id="social-media-share" class="has-text-centered">
	<p><i>Sharing is caring!</i></p>
	<br>
	
	<div class="share-buttons">
	    <a  href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f"
	        onclick="socialMediaPopUp(this.href, '', 500, 500); return false;"
	        title="Share on Facebook. Opens in a new window.">
	        <img src=/img/icons/45px/facebook.png>
	    </a>

	    <a  href="https://twitter.com/intent/tweet?text=%e5%ad%a6%e4%b9%a0%20Markdown&url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f"
	        onclick="socialMediaPopUp(this.href, '', 500, 500); return false;"
	        title="Share on Twitter. Opens in a new window." >
	        <img src=/img/icons/45px/twitter.png>
	    </a>

		<a  href="http://www.reddit.com/submit?url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on Reddit. Opens in a new window." >
	        <img src=/img/icons/45px/reddit.png>
	    </a>

	    <a  href="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on Pinterest. Opens in a new window." >
	        <img src=/img/icons/45px/pinterest.png>
	    </a>

	    <a  href="http://www.tumblr.com/share/link?url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on Tumblr. Opens in a new window." >
	        <img src=/img/icons/45px/tumblr.png>
	    </a>

		<a  href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f
			&title=%e5%ad%a6%e4%b9%a0%20Markdown&summary=%e5%ad%a6%e4%b9%a0%20Markdown%20%e6%9c%ac%e7%af%87%e5%b0%86%e4%bc%9a%e4%bb%8b%e7%bb%8d%20Markdown%20%e7%9a%84%e5%9f%ba%e7%a1%80%e7%9f%a5%e8%af%86%e3%80%82%0a%e6%96%87%e4%bb%b6%e5%90%8d%20Markdown%20%e6%96%87%e4%bb%b6%e7%9a%84%e6%8b%93%e5%b1%95%e5%90%8d%ef%bc%8c%e6%9c%80%e5%b8%b8%e7%94%a8%e7%9a%84%e6%98%af%20.md%e3%80%82%0a%e9%93%be%e6%8e%a5%20%e6%a0%bc%e5%bc%8f%20%5b%e6%8f%8f%e8%bf%b0%5d%28%e9%93%be%e6%8e%a5%29%20%e4%be%8b%e5%ad%90%20%5bZZY2357%20%e7%9a%84%e4%b8%aa%e4%ba%ba%e4%b8%bb%e9%a1%b5%5d%28http%3a%2f%2fzzy2357.gitee.io%29%20ZZY2357%20%e7%9a%84%e4%b8%aa%e4%ba%ba%e4%b8%bb%e9%a1%b5%0a%e7%b2%97%e4%bd%93%20%e6%a0%bc%e5%bc%8f%20%2a%2a%e6%96%87%e5%ad%97%2a%2a%20%e4%be%8b%e5%ad%90%20%e8%bf%99%e6%98%af%e4%b8%80%e4%b8%aa%e5%be%88%2a%2a%e4%b8%a5%e5%b3%bb%2a%2a%e7%9a%84%e9%97%ae%e9%a2%98%e3%80%82%20%e8%bf%99%e6%98%af%e4%b8%80%e4%b8%aa%e5%be%88%e4%b8%a5%e5%b3%bb%e7%9a%84%e9%97%ae%e9%a2%98%e3%80%82%0a%e6%96%9c%e4%bd%93%20%e6%a0%bc%e5%bc%8f%20%2a%e6%96%87%e5%ad%97%2a%20%e4%be%8b%e5%ad%90%20%e6%88%91%e4%b9%9f%e6%98%af%2a%e9%86%89%e4%ba%86%2a%e3%80%82%20%e6%88%91%e4%b9%9f%e6%98%af%e9%86%89%e4%ba%86%e3%80%82%0a%e6%97%a0%e5%ba%8f%e5%88%97%e8%a1%a8%20%e6%a0%bc%e5%bc%8f%20-%20item%20-%20item%20-%20item%20-%20item%20...%20%e4%be%8b%e5%ad%90%20%e6%88%91%e6%9c%89%ef%bc%9a%20-%20%e8%8b%b9%e6%9e%9c%20-%20%e9%a6%99%e8%95%89%20-%20%e6%a1%83%e5%ad%90%20%e6%88%91%e6%9c%89%ef%bc%9a%0a%20%e8%8b%b9%e6%9e%9c%20%e9%a6%99%e8%95%89%20%e6%a1%83%e5%ad%90%20%20%e6%9c%89%e5%ba%8f%e5%88%97%e8%a1%a8%20%e8%af%ad%e6%b3%95%201.%20item%202.%20item%201.%20item%202.%20item%203.%20item%20%e4%be%8b%e5%ad%90%201.%20%e9%a6%96%e5%85%88%ef%bc%8c%e6%89%a7%e8%a1%8c%20%60git%20clone%20git%40gitee.&source=rafed123.github.io"
	        onclick="socialMediaPopUp(this.href, '', 900, 500); return false;"
	        title="Share on LinkedIn. Opens in a new window." >
	        <img src=/img/icons/45px/linkedin.png>
	    </a>

	    <a  href="mailto:?subject=%e5%ad%a6%e4%b9%a0%20Markdown&amp;body=Check out this site https%3a%2f%2fzzy2357.gitee.io%2fposts%2flearn-markdown%2f"
	        title="Share via Email. Opens in a new window." >
	        <img src=/img/icons/45px/mail.png>
	    </a>
	</div>
</div>


<br>
<div id="disqus_thread"></div>
<script type="text/javascript">
    (function () {
        
        
        if (window.location.hostname == "localhost")
            return;

        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        var disqus_shortname = '';
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>


        </div>
    </div>

<footer class="footer has-background-dark">
    <div class="content has-text-centered has-text-white">
        <p>
            © 2020 Ramium. Powered by
            <a class="has-text-light" href="https://github.com/gohugoio/hugo" target="_blank">
            Hugo</a>. Theme
            <a class="has-text-light" href="https://github.com/rafed123/ramium/" target="_blank">
                Ramium.
            </a>
        </p>
    </div>
</footer>
</body>

</html>